<template>
    <div class="form-item">
        <div class="name">地址url</div>
        <div class="input">
            <input type="text"
                   placeholder="输入http接口地址">
        </div>
    </div>
</template>

<script>
export default {
    name: "hello",
    props: {},
    data () {
        return {
            msg: ""
        };
    },
    computed: {},
    methods: {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.form-item {
    margin-top: 15px;
    display: flex;
    width: 100%;
    height: 50px;
    align-items: center;

    .name {
        width: 30%;
    }
    .input {
        width: 70%;
        input {
            height: 30px;
            outline: none;
            padding: 0 20px;
        }
    }
}
</style>
